html
{
    background: none repeat scroll 0 0 #ffffff;
    color: #000000;
}

html, body, div, th, td
{
    margin: 0;
    padding: 0;
    font: normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif; 
    color: #333333;    
}

h2 { font: normal 24px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#494949; padding:10px 0; margin:0 0 10px 0; border-bottom:1px solid #dfdfdf;}
h3 { color:#27619c; font: bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif; border-bottom:1px solid #dbdbdb; padding:15px 0; margin:0; }
p { font:normal 12px Arial, Helvetica, sans-serif; color:#777777; line-height:1.8em; padding:10px 0; margin:0;}

table
{
    border-collapse: collapse;
    border-spacing: 0;
}

fieldset, img
{
    border: 0 none;
}

legend
{
    color: #000000;
}
input
{
    font: 8pt Arial,Verdana;
}
select
{
    font: 8pt Arial,Verdana;
}
textarea
{
    font: 8pt 'Courier New';
}
a, a:hover
{
    color: #497699;
    text-decoration: none;
}

.clear
{
    clear: both;
    float:none;
}

.LargerFont, .LargerFont *
{
    font-size:105%;
}

.half-column, .third-column
{
    float:left;
    display:inline;
}

.half-column
{
    width:50%;
}

.third-column
{
    width:33%;
}

.padding-small
{
    padding:7px;
}

.padding-medium
{
    padding:10px;
}

.padding-large
{
    padding:15px;
}


/**************************************************************************************************************/
/** Links and Buttons                                                                                        **/
/**************************************************************************************************************/
.actionIcon {
    width: 12px;
    height: 12px;
}

.actionIconMedium {
    width: 24px;
    height: 24px;
}


.actionIcon:hover,
.actionIconMedium:hover {
    cursor: pointer;
}

.actionButton {
    font: 12px/1.8em Arial,Helvetica,sans-serif;
    color: #497699;
    text-decoration: none;
    border: none;
    background-color: transparent;
}

button.actionButton img {
    margin-right: 3px;
    vertical-align: middle;
}

.actionButton:hover {
    cursor: pointer;
}

a.actionLink {
    margin-right: 6px;
    margin-left: 6px;
}

a.actionLink img {
    margin-right: 3px;
    vertical-align: middle;
}

/*******************************************************************************************************************************/
/** Layout Styles                                                                                                             **/
/*******************************************************************************************************************************/
body, html
{
    background-color: #f5f5f5;
    height: 100%;
}

#page-wrapper  
{
    text-align: left; 
    background-color: #ffffff;
    /* min-height: 100%; /* CSS for Sticky footer */
    z-index: 0;
    position: relative;
}

.wrapper-resize {
    margin: 0px auto; 
    width: 850px;     
}

.wrapper-resize-fullwidth {
    margin: 0px 20px; 
}

.wrapper-resize-1024width {
    margin: 0px auto; 
    width: 1024px;     
}

#page-content
{
    padding: 3px 3px 40px 3px;
    background-color: #FFFFFF;
    text-align:left;
}

#page-header {
    padding: 3px 0px 3px 0px; 
    clear: both; 
    background-color: 
    #f5f5f5; 
    border-bottom:1px solid #e2e2e2;
}
.header-resize {
     width:850px; 
     margin:0 auto; 
     padding:10px 0; 
     background-color: #f5f5f5;
}

#page-header #header-title
{
    font: normal 24px "Trebuchet MS", Arial, Helvetica, sans-serif; 
    color:#494949; 
    padding:10px 0; 
    margin:0 0 10px 0; 
    float: left;
    text-align: left;
    width: 350px; /* this is needed for page formatting, weird stuff goes down without it */
}

#page-header #header-title img.header-logo {
    width: 32px;
    vertical-align: bottom;
}

#page-header #header-logo
{
    float: right;
}

#headermenu {
    padding: 0px 0px 0px 0px; 
    clear: both; 
    background-color: #F1F1f1; 
    border-bottom:1px solid #e2e2e2;
    z-index: 1;
    position: relative;
}
.headermenu-resizer { width: 400px; margin-right: auto; margin-left: auto;}

#page-menu { padding: 2px 8px 2px 8px; }

#page-footer { background-color: #f5f5f5; padding:0px 20px; margin:0 auto; border-top:1px solid #e2e2e2; }
.footer_resize { width:850px; margin:0 auto; padding:10px 0; background-color: #f5f5f5;}
.footer p { font-size:12px; }
.footer a { font-size:12px; text-decoration:none; }
.footer p.right { text-align:right; width:350px; margin:0; padding:10px 0; float:right;} 
.footer p.left { text-align:left; width:550px; margin:0; padding:10px 0; float:left;}

#ajaxError
{
    display:none;
}

/****************************************************************************************/
/* TABLES                                                                               */
/****************************************************************************************/
.GenericTable
{
    background-color: white;
}

.GenericTable tbody
{
    background-color: white;
}

.GenericTable tr.GenericTable-HeaderRow
{
    color: #00A1F2;
    background-color: #DEEDF7;
    border-bottom: 1px solid #AED0EA;
    border-top: 1px solid #AED0EA;
}

.GenericTable tr.GenericTable-HeaderRow th
{
    color: #00A1F2;
    font-weight: bold;
}

.GenericTable tr.GenericTable-Row, .GenericTable tr.GenericTable-RowAlt
{
    border-bottom: 1px solid buttonface;
}

.GenericTable tr.GenericTable-RowAlt
{
    background-color: #F8F4ED;
}

.GenericTable-Hover tr.GenericTable-Row:hover
{
    background-color:#f7f3eb;
}

.GenericTable-Hover tr.GenericTable-RowAlt:hover
{
    background-color:#f7f2e9;
}

.GenericTable tr.No-Rule
{
    border:none;
}

.GenericTable-Overrow
{
    background-color: #99DD44 !important;
}

.GenericTable td, .GenericTable th 
{
    padding: 2px;
    text-align:left; 
}

/****************************************************************************************/
/* Paging Styles                                                                        */
/****************************************************************************************/
.grid-filter
{
    margin: 5px 0;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
}

.inner
{
    padding: 3px 10px;
}

.grid-results
{
    margin: 5px 0;
    border: 1px solid #ccc;
    background-color: #f1f1f1;	    
}

/****************************************************************************************/
/* Paging Styles                                                                        */
/****************************************************************************************/
/*
DIV.pager { text-align:center; border-top: 2px solid silver; padding: .5em 0 0 0; margin-top: 1em; }
DIV.pager A { font-size: 1.1em; color: #666; text-decoration: none; padding: 0 .4em 0 .4em; }
DIV.pager A:hover { background-color: Silver; }
DIV.pager A.selected { background-color: #353535; color: White; }
.pagingTextBox
{
    width: 30px;
    text-align: center;
}
#frmPager
{
    width: 35px;
    display: inline-block;
}
*/

/*
 * Pager 
 */
.pager
{
    text-align:center;
	margin: 8px 3px;
	padding: 3px;
}

.pager .disabled
{
	border: 1px solid #ddd;
	color: #999;
	margin-top: 4px;
	padding: 3px;
	text-align: center;
}

.pager .current
{
	background-color: #6ea9bf;
	border: 1px solid #6e99aa;
	color: #fff;
	font-weight: bold;
	margin-top: 4px;
	padding: 3px 5px;
	text-align: center;
}

.pager span, .pager a
{
	margin: 4px 3px;
}

.pager a
{
	border: 1px solid #aaa;
	padding: 3px 5px;
	text-align: center;
	text-decoration: none;
}

/****************************************************************************************/
/* Item Sizes                                                                           */
/****************************************************************************************/
.fullWidth
{
    width: 100%;
}

.activeField
{
    background-image: none;
    background-color: #ffffff;
    border: solid 1px #33677F;
}

.idle
{
    border: solid 1px #85b1de;
    /* background-image: url( '../../EmailLog/../../Content/blue_bg.png' ); */
    background-repeat: repeat-x;
    background-position: top;
}

.idleBorderBottom {
  border-bottom: solid 1px #85b1de;   
}
.idleBorderRight {
  border-right: solid 1px #85b1de;   
}
.idleBorderTop {
  border-top: solid 1px #85b1de;   
}

.marginTopSpacer {
    margin-top: 10px;   
}

/****************************************************************************************/
/* Navigation Styles                                                                    */
/****************************************************************************************/

ul.topnav {
	list-style: none;
	padding: 0 20px;	
	margin: 0;
	float: left;
	width: 920px;
	background: #222;
	font-size: 1.2em;
	background: url(topnav_bg.gif) repeat-x;
}
ul.topnav li {
	float: left;
	margin: 0;	
	padding: 0 15px 0 0;
	position: relative; /*--Declare X and Y axis base for sub navigation--*/
}
ul.topnav li a{
	padding: 10px 5px;
	/* color: #fff;  /* WHITE*/
	display: block;
	text-decoration: none;
	float: left;
}
ul.topnav li a:hover{
	background: url(topnav_hover.gif) no-repeat center top;
}
ul.topnav li span { /*--Drop down trigger styles--*/
	width: 17px;
	height: 35px;
	float: left;
	background: url(subnav_btn.gif) no-repeat center top;
}
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
ul.topnav li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0; top: 35px;
	background: #333;
	margin: 0; padding: 0;
	display: none;
	float: left;
	width: 170px;
	border: 1px solid #111;
}
ul.topnav li ul.subnav li{
	margin: 0; padding: 0;
	border-top: 1px solid #252525; /*--Create bevel effect--*/
	border-bottom: 1px solid #444; /*--Create bevel effect--*/
	clear: both;
	width: 170px;
}
html ul.topnav li ul.subnav li a {
	float: left;
	width: 145px;
	background: #333 url(dropdown_linkbg.gif) no-repeat 10px center;
	padding-left: 20px;
}
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
	background: #222 url(dropdown_linkbg.gif) no-repeat 10px center; 
}

        
div#header_tools ul {
    font-size: 0.8em;
    font-weight: 600;
    margin: 0;
    text-align: right;
}

div#header_tools ul li {
    display: inline;
    list-style: none;
    padding-left: 15px;
}

div#header_tools ul li a {
    background: none;
    color: #999;
    text-decoration: none;
}

div#header_tools ul li a:hover {
    color: #333;
    text-decoration: none;
}        

/****************************************************************************************/
/* Editor / Details                                                                     */
/****************************************************************************************/
.field-validation-error
{
    font-size: smaller;
    color: #ff0000;
}


.editor-row,
.display-row
{
}

.editor-row .editor-label,
.display-row .display-label
{
    /* float: left; */
    display: inline-block;    
    zoom: 1;
    *display: inline;
    
    width: 200px;
    text-align: right;
    margin-right: 6px;
    margin-top: 3px;
    vertical-align: top;  
}

.editor-row .editor-field,
.display-row .display-field
{
    display: inline-block;    
    zoom: 1;
    *display: inline;
    width: 500px;
    margin: 3px 3px 0 10px; 
    vertical-align: top;
}

.searchFieldSet legend {
    margin-left: 15px;
    width: 230px;
    border-bottom: 1px solid #33677F;
    font-size: medium;
    text-align: center
}
.searchFieldSet .editor-row .editor-label,
.searchFieldSet .display-row .display-label {
    width: 100px;
}

div.editor-field input.small {
    width: 200px;
}

div.editor-field input.medium {
    width: 350px;
}

div.editor-field input.large {
    width: 500px;
}

.taSmall {
    width: 350px;
    height: 75px;
}

/***********************************************************************************************/
.checkBoxListItem 
{
    display: inline-block;
    zoom: 1;
    *display: inline;
    
    width: 200px;
    margin-top: 0px;
    margin-bottom: 3px;
    margin-left: 0px;
    margin-right: 10px; 
    vertical-align: top;
}

div.checkBoxListItemInput
{
    display: inline-block;
    zoom: 1;
    *display: inline; 
    vertical-align: middle;   
}

div.checkBoxListItemText 
{
    display: inline-block;
    zoom: 1;
    *display: inline; 
    vertical-align: middle;   
}

/****************************************************************************************************************************************/
/** Image Sizes                                                                                                                        **/
/****************************************************************************************************************************************/
.smallIcon {
    width: 16px;
    height: 16px;
}

/****************************************************************************************************************************************/
/** Date Time Pickers                                                                                                                  **/
/****************************************************************************************************************************************/
div.divDateTimePickers {
    width: 520px;
    height: 240px;
}

div.divDateTimePickers .divDatePicker {
    display: inline-block;
    vertical-align: top;
}

div.divDateTimePickers .divTimePicker {
    display: inline-block;
    vertical-align: top;
}

/*****************************************************************************************************************************************/
/*  jGrowl Styles                                                                                                                        */
/*****************************************************************************************************************************************/
.successGrowlUI {
    background: url("../../../Content/images/check48.png") no-repeat scroll 10px 10px transparent;
}

.alertGrowlUI
{
    background: url('../../../Content/images/warning_48.png') no-repeat 10px 10px;
}

.successGrowlUI .jGrowl-header,
.alertGrowlUI .jGrowl-header,  
.jGrowl-message
{
    padding: 5px 5px 5px 75px;
    text-align: left;
    color: #ffffff;
}

.jGrowl-close 
{
    color: #ffffff;
}

.jGrowl-message ul {
    margin-left: 0px;
    padding-left: 0px;
}

.jGrowl-message ul li {
    margin-left: 0px;
    padding-left: 0px;
}


/****************************************************************************************************************************************/
/** Tabbed Areas                                                                                                                       **/
/****************************************************************************************************************************************/
/* Contact Address */
div.address_DisplayLine div.info {
    width: 450px;
    display: inline-block;
}

div.DisplayLine div.info,
div.history_DisplayLine div.info,
div.contactRelationship_DisplayLine div.info,
div.contactDetail_DisplayLine div.info
{
    width: 350px;
    display: inline-block;
}


div.address_DisplayLine div.type {
    width: 75px;
    display: inline-block;
}

div.DisplayLine div.type,
div.history_DisplayLine div.type,
div.contactRelationship_DisplayLine div.type,
div.contactDetail_DisplayLine div.type {
    width: 125px;
    display: inline-block;
}

div.DisplayLine div.displaybool,
div.history_DisplayLine div.displaybool,
div.address_DisplayLine div.displaybool,
div.contactRelationship_DisplayLine div.displaybool,
div.contactDetail_DisplayLine div.displaybool {
    width: 65px;
    display: inline-block;
}

div.DisplayLine div.tool,
div.history_DisplayLine div.tool,
div.address_DisplayLine div.tool,
div.contactRelationship_DisplayLine div.tool,
div.contactDetail_DisplayLine div.tool {
    width: 80px;
    display: inline-block;
}

div.DisplayLine div.displayDate {
    width: 140px;
    display: inline-block;
}

div.DisplayLine,
div.history_DisplayLine,
div.address_DisplayLine,
div.contactRelationship_DisplayLine,
div.contactDetail_DisplayLine {    
    border-bottom: 1px dashed #AED0EA;
}

div.DisplayLineHeader,
div.history_DisplayLineHeader,
div.address_DisplayLineHeader,
div.contactRelationship_DisplayLineHeader,
div.contactDetail_DisplayLineHeader {
    background-color: #DEEDF7;
    border-bottom: 1px solid #AED0EA;
    font-weight: bolder !important;    
}

div.DisplayLineFooter,
div.historyDetail_DisplayLineFooter,
div.contactDetail_DisplayLineFooter,
div.contactRelationship_DisplayLineFooter,
div.address_DisplayLineFooter {
    background-color: #DEEDF7;
    border-bottom: 1px none #AED0EA;
    border-top: 1px solid #AED0EA;
}

#googleGMap {
    width: 100%;
    height: 450px;
    margin-top: 10px;
}

/****************************************************************************************************************************************/
/** Custom Sections                                                                                                                    **/
/****************************************************************************************************************************************/
/* Contact - Personal Information */
div.personal_labels {
}

div.personal_labels div.firstName,
div.personal_editors div.firstName,
div.personal_labels div.middleNames,
div.personal_editors div.middleNames,
div.personal_labels div.lastName,
div.personal_editors div.lastName,
div.personal_labels div.bornOn,
div.personal_editors div.bornOn,
div.personal_labels div.title,
div.personal_editors div.title,
div.personal_labels div.gender,
div.personal_editors div.gender
{
    width: 150px;
    display: inline-block;
}

/* Contact - Address Information */
div.address_labels div.street1,
div.address_editors div.street1,
div.address_labels div.street2,
div.address_editors div.street2,
div.address_labels div.street3,
div.address_editors div.street3,
div.address_labels div.suburb,
div.address_editors div.suburb,
div.address_labels div.country,
div.address_editors div.country,
div.address_labels div.addressType,
div.address_editors div.addressType,
div.address_labels div.postCode,
div.address_editors div.postCode,
div.address_labels div.doNotUse,
div.address_editors div.doNotUse
{    
    width: 150px;
    display: inline-block;
}

div.address_labels div.state,
div.address_editors div.state {
     
    width: 225px;
    display: inline-block;
}

/***********************************************************/
/**  Popup Search Form Items                               */
/***********************************************************/
div#searchForm div.editor-label {
    width: 50px;
}

div#searchForm div.editor-field {
    width: 250px;
}

/***********************************************************/
/** Form Items                                             */
/***********************************************************/

form fieldset.login ul {
	margin: 0px; padding: 0px;
	list-style: none;
	margin: 0px; padding: 0px; border: 0px currentColor; text-align: left; line-height: 1; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; vertical-align: baseline;
}

form fieldset.login ol {
	margin: 0px; padding: 0px;
	list-style: none;
	margin: 0px; padding: 0px; border: 0px currentColor; text-align: left; line-height: 1; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; vertical-align: baseline;
}

form fieldset.login label {
	margin: 0px; padding: 0px; border: 0px currentColor; text-align: left; line-height: 1; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; vertical-align: baseline;
}

form {
	margin: 0px; padding: 0px; width: auto;
}

form fieldset.login {
    /* background-color: #DFDFDF;*/
}

form fieldset.login legend {
	margin: 0px; padding: 0px 0px 20px; color: rgb(51, 51, 51); font-size: 16px; font-weight: bold;
}

form fieldset.login legend span {
	color: rgb(51, 51, 51);
}

form fieldset.login li {
	margin: 0px 0px 15px; clear: both; display: block; position: relative;
}

form fieldset.login label {
	margin: 0px 0px 8px; color: rgb(85, 85, 85); font-size: 13px; display: block;
}


/******************************* GROUP area ***************************************************/
.tdGroupContactFullName {
    width: 200px;                                           
}

.tdGroupContactControl {
    width: 25px;
    margin-right: 5px;
}